<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>HTML5 3D照片墙动画DEMO演示</title>
  <link rel="stylesheet" href="./style.css">

</head>
<body>
<!-- partial:index.partial.html -->
<div id="drag-container">
  <div id="spin-container">
    <!-- 在这里添加图片或者mp4视频 -->
    <img src="1.png" alt="">
    <img src="2.png" alt="">
    <img src="3.png" alt="">
    <img src="4.png" alt="">
    <img src="5.png" alt="">
    <img src="6.png" alt="">
    <img src="7.png" alt="">
    <!-- 带链接的图片 -->
<!--    <a target="_blank" href="7.png">-->
<!--      <img src="7.png" alt="">-->
<!--    </a>-->

    <!-- 示例视频  -->
    <video controls autoplay="autoplay" loop>
      <source src="demo.mp4" type="video/mp4">
    </video>

    <!-- 背景文字描述 -->
    <p>3D 相册</p>
  </div>
  <div id="ground"></div>
</div>

<div id="music-container"></div>

<script  src="./script.js"></script>

</body>
</html>
